@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px;  background-color:#000000; }

#pano-container{
    width:100%;height:100%;
}
/*font*/
@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot?48eqj1');
    src:url('fonts/icomoon.eot?48eqj1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?48eqj1') format('truetype'),
    url('fonts/icomoon.woff?48eqj1') format('woff'),
    url('fonts/icomoon.svg?48eqj1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-long-arrow-right:before {  content: "\f178";  }
.icon-eye:before {  content: "\f06e";  }
.icon-eye-slash:before {  content: "\f070";  }
.icon-map-marker:before {  content: "\f041";  }
.icon-commenting-o:before {  content: "\f27b";  }
.icon-plus:before {  content: "\f067";  }
.icon-minus:before {  content: "\f068";  }
.icon-user:before {  content: "\f007";  }
.icon-close:before {  content: "\f00d";  }
.icon-remove:before {  content: "\f00d";  }
.icon-times:before {  content: "\f00d";  }
.icon-venus:before {  content: "\f221";  }
.icon-mars:before {  content: "\f222";  }
.icon-crosshairs:before {  content: "\f05b";  }
.icon-spinner:before {  content: "\f110";  }
.icon-refresh:before {  content: "\f021";  }
.icon-gamepad:before {  content: "\f11b";  }
/*字体font设置end*/
/*标注粉丝标注自己的话*/
a{text-decoration:none;} li{list-style: none; }
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;  }
input[type=text]{ border:0 none;-webkit-appearance:none;   background: white;color:#323232; float: left; }
*{margin:0;padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.comment-modal-mobile { display: block; position: absolute; bottom: 0; width: 100%; padding: 3px; background-color: rgba(0,0,0,0.9); z-index: 10;}
input[type=text]{height:35px;}
.comment-modal-mobile ul{float: right;overflow: hidden;}
.comment-modal-mobile a{ color: #FADD37; width: 60px;display: block; border-color: #FADD37;  height: 35px; line-height: 35px; text-align: center;vertical-align: middle; cursor: pointer;  background-image: none;  border-width: 2px;  border-style: solid; white-space: nowrap; -webkit-user-select: none; }
.comment_ul li:first-child { margin-right:8px;  }
.comment_ul li:first-child  a.cur{ border-color: #B0B0B0; color:#B0B0B0;  }
.wx_y,.wx_n{display: none;}
.wx_n ul{ float:none; width:170px;margin:0 auto; }
.wx_n ul li:first-child a{ width:100px; background: #FADD37; color:white; }
.no_wx_p{height: 35px;line-height: 35px; margin-bottom: 10px;color: #fff;text-align: center;  }
.wx_y .comment_ul li:nth-child(2){margin-right:2px;}
.comment-modal-mobile .hidden{  display: none;  }
.comment_ul li:first-child  a.cur{ border-color: #B0B0B0; color:#B0B0B0;   }
.comment_ul li{float:left;}/*.fans_btn:hover{color: #F74C92;background:white ;}*/
.runner-info{display:none;}
.runner-input{overflow:hidden;padding: 3px 2px 4px 0;}
.comment-modal-mobile .runner-input a{  width: 80px;  }
.runner_num{margin-right:6px;}
.runner_input{width:110px;}
/*fans_list*/
.fans_list_box{  position: absolute;  z-index:20000;  top:50%;  left:50%;  margin-top:-200px;  margin-left:-150px;  height:400px;  width:300px;  display: none;  }
.fans_list_box.mob-fans-list-box{  position: absolute;  margin-top:-180px;  -webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%); height:360px; width:80%; margin-left:0;  }
.fans_hd{  padding:10px 0;  background: #FADD37;border-radius:4px 4px 0 0 ;position: relative;  }
.fans_head{overflow: hidden;width: 120px; margin:0 auto;  }
.fans_head li{  float: left; width:60px;text-align: center;background-color:rgba(0,0,0,0.5);cursor:pointer;  }
.fans_head .icon-venus,.fans_head .icon-mars{  color:#F64A34;font-size: 14px;padding-left: 3px;  }
.fans_head .woman_btn{border-radius: 4px 0 0 4px;}
.fans_head .man_btn{border-radius: 0 4px 4px 0;}
.fans_head li.fans_head_cur{background-color:rgba(0,0,0,0.7);  }
.fans_head li span{color:white; height:40px;line-height: 40px; font-size: 16px;  }
.fans_list_close{  position: absolute; right: 0px;top: 0px;width: 40px;text-align: center;height: 40px; cursor:pointer; color: white;font-size: 22px; line-height: 40px;  }
/*.fans_list_close:hover{color:black;}*/
.list_inner{height: 86%; background: black;border-left:1px solid #C7C9C8;overflow: auto;  border: 6px solid #FADD37;  border-bottom: none;}
.fans_list{padding: 0 2% 10px;  }
.fans_list li{height:66px; padding-top: 10px;width: 100%; border-bottom: 1px solid #D8D8D8;  }
.fans_list li .fans_head_img{ width:46px;  }
.fans_head_img img{ width:100%;  }
.fans_list li .fans_head_img img{border-radius: 50%;}
.fl{ float: left;  }
.fr{  float: right;  }
.fans_text{padding:6px 0 0 10px;width: 65%;  }
.fans_text .nickname{line-height: 18px; font-size: 18px;font-weight: bold;padding-bottom: 8px;  }
.fans_text p{color:white;}
.fans_text .text{  color:#B8B5B5;font-weight: bold;font-size:12px;  }
.fans_tag_area{padding-top: 10px;width:16%;  }
.fans_tag_area a{  display: block; width: 100%;font-size: 30px;color: #FADD37;  }
/*.fans_tag_area a:hover{color:#F74C92;}*/
#fans_list_man{display: none;  }
#fans_list_woman{display: block;  }
.fans_bd{ height:100%;  }
.add_height{ height: 7px;  background: #FADD37; }
.icon-spinner{font-size: 24px;}
.pullUp{margin: 0 auto;  }
.pullUp_woman{display:table;}
.pullUp_man{display:none;}
.pullUpLabel{font-size:14px;padding-left:14px;}
.pullUp.loading .icon-spinner {
    background-position:0 100%;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-transition-duration:0ms;

    -webkit-animation-name:loading;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading { from { -webkit-transform:rotate(0deg) translateZ(0); } to { -webkit-transform:rotate(360deg) translateZ(0); } }
/*.wx_y li a{font-size:12px;width:54px;}*/
.slider-box{position:absolute;bottom:0;background: #C7C9C8;padding: 5px 0 0 5px;}
.slider-left{left:0;}  .slider-right{right:0;}
.slider{float:left;margin-right:5px;width:46px;cursor:pointer;} .slider img{border:2px solid white;border-radius: 50%;width:100%;height: 46px;}
